.button-colors( @bgColor, @highlightColor, @activeColor ) {
background-color: @bgColor;
color: @colorButtonText;
- border: 1px solid @colorFieldBorder;
+ border-color: @colorFieldBorder;
// Make sure that `color` isn't inheriting from user-agent styles
&:visited {
@borderColorInputBinaryChecked: @colorProgressive;
@borderColorInputBinaryActive: @colorProgressiveActive;
+// Border widths
+@border-width-base: 1px;
+
// Checked radio input border-width, equal to OOUI at 14px base font-size
@borderWidthRadioChecked: 0.4285em;
padding: 0.546875em 1em;
line-height: 1.286;
margin: 0;
+ border-style: solid;
border-radius: @borderRadius;
+ border-width: @border-width-base;
.box-sizing( border-box );
// Disable weird iOS styling
//
// Styleguide 2.1.3.
&.mw-ui-quiet {
- background: transparent;
- border: 0;
+ background-color: transparent;
.button-colors-quiet( @colorButtonText, @colorButtonTextHighlight, @colorButtonTextActive );
+ border-color: transparent;
&:hover,
&:focus {
+ border-color: transparent;
box-shadow: none;
}
&:active,
&:disabled {
- background: transparent;
+ background-color: transparent;
+ border-color: transparent;
}
}
}